<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js">
    </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

    <style type="text/css">
        *{
            box-sizing: border-box;
        }
        body{
            margin: 0;
        }
        div {
            width: 100%;
        }
    </style>
</head>

<body>

    <div style="padding: 10px;">
        <!-- <button onclick="ue.execCommand('preview');">预览</button> -->
        <button onclick="downHtml()" style="float:right;">下载HTML</button>
        <input type="file" id="file">
        <button onclick="loadHtml()">加载HTML</button>
    </div>
    <div style="padding: 0 10px;">
        <script id="editor" type="text/plain" style="width:100%;height:500px;"></script>
    </div>


    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');

        var funDownload = function (content, filename) {
            // 创建隐藏的可下载链接
            var eleLink = document.createElement('a');
            eleLink.download = filename;
            eleLink.style.display = 'none';
            // 字符内容转变成blob地址
            var blob = new Blob([content]);
            eleLink.href = URL.createObjectURL(blob);
            // 触发点击
            document.body.appendChild(eleLink);
            eleLink.click();
            // 然后移除
            document.body.removeChild(eleLink);
        };

        var fileReader = function (file, call) {
            var reader = new FileReader(); //新建一个FileReader
            reader.readAsText(file, "UTF-8"); //读取文件
            reader.onload = function (evt) { //读取完文件之后会回来这里
                call(evt.target.result); // 读取文件内容
            }
        }

        function downHtml() {
            var htmlStr = ue.getAllHtml();
            var resourceStr = ue.getContent();
            var file_name = '默认文档名称';
            // var htmlBlob = new Blob([htmlStr]);
            funDownload(htmlStr, file_name + '.html');
            funDownload(resourceStr, file_name + '--源.html');
        }

        function loadHtml() {
            var file = document.getElementById('file').files[0];
            if (file) {
                fileReader(file, function (r) {
                    ue.setContent(r);
                });
            }else{
                alert('请先选择html，内容源');
            }
        }
    </script>
</body>

</html>